<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>千图网</title>
		<!--不允许缩放-->
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<!--优先选择chrome内核-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<link rel="stylesheet " type="text/css " href="css/globle.css " />
		<link rel="stylesheet " type="text/css " href="css/style.css " />

	</head>

	<body>
		<script type="text/javascript" src="dist/easySlider.js"></script>
		<main>
			
			<div class="header1">
				<div class="header1-content">
					<ul id="header1-left">
						<li>
							<a href="#">
								<div class="qqTalk"></div><span>QQ交谈</span></a>

						</li>
						<li>
							<a href="#">
								<div class="qqQun"></div><span>官方QQ群</span></a>
						</li>
						<li>
							<a href="#">常见问题</a>
						</li>
					</ul>
					<ul id="header1-right">
						<li>
							<a href="#">
								<div class="money"></div><span>点我挣钱</span></a>
						</li>
						<li>
							<a href="#">注册</a>
						</li>
						<li>
							<a href="#">登录</a>
						</li>
						<li>
							<a href="#">
								<div class="qqLog"></div><span>QQ登录</span></a>
						</li>
						<li>
							<a href="#">
								<div class="weiXin"></div><span>微信登录</span></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="header2">
				<div class="header2-content">

					<ul>
						<li class="logo">
							<div id="talk-box">

								<p class="servetime">工作时间</p>
								<p>周一至周日：9:00-18:00</p>
								<p>客服QQ：4009987011</p>
								<p>客服电话：400-998-7011</p>

							</div>
							<div id="qq-box">

								<p>千图淘宝美工运营交流：2323248</p>
								<p>千图淘宝美工运营交流：2323248</p>
								<p>千图淘宝美工运营交流：2323248</p>
								<p>千图淘宝美工运营交流：2323248</p>
								<p>我要加入</p>

							</div>
						</li>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="#">原创广告</a>

						</li>
						<li>
							<a href="#">广告设计</a>

						</li>
						<li>
							<a href="#">淘宝设计</a>
						</li>
						<li>
							<a href="#">素材分类</a>
						</li>
						<li>
							<a href="#">千图灵感</a>
						</li>
						<li>
							<a href="#">设计工具</a>
						</li>
						<li>
							<a href="#">活动
								<div class="hot"></div>
							</a>
						</li>
						<li>
							<a href="#">VIP特权
								<div class="vip"></div>
							</a>
						</li>

					</ul>

				</div>

			</div>
			<div id="gezhong-box">
				<p></p>
				<p></p>
				<p></p>
				<p></p>
				<p></p>
			</div>
			<div class="search-box">
				<p>专注免费设计素材网站</p><br>
				<input type="text" name="search" id="search" placeholder="800万张免费设计素材任意下载" />

				<input type="button" id="quanzhan" value="搜全站" />
				<input type="button" id="yuanchuang" value="搜原创" />
				<div id="search-togg"></div>
			</div>

<div id="fix-nav">
			<div class="fix-content"><li><img src="images/weblogo.png" /></li>
				<li><input type="text" id="search-fix" placeholder="800万张免费设计素材任意下载" />
					<input type="button" id="quanzhan" value="搜全站" />
					<input type="button" id="yuanchuang" value="搜原创" /></li>
</div>	
			</div>


			<div id="showPic">
				<ul class="slide clearfix">
					<li><img class="responsive" src="images/1.png"></li>
					<li><img class="responsive" src="images/2.png"></li>
					<li><img class="responsive" src="images/3.png"></li>
					<li><img class="responsive" src="images/4.jpg"></li>
					<li><img class="responsive" src="images/5.jpg"></li>
					<li><img class="responsive" src="images/6.png"></li>
					<li><img class="responsive" src="images/7.jpg"></li>
				</ul>
				<ul class="controls">
					<li class="prev"><img src="images/prev.png"  alt="previous"></li>
					<li class="next"><img src="images/next.png"  alt="next"></li>
				</ul>
				<ul class="pagination">
					<li class="active">.</li>
					<li>.</li>
					<li>.</li>
					<li>.</li>
					<li>.</li>
					<li>.</li>
					<li>.</li>
					
				</ul>

			</div>
			<div class="fenqu">
				<li class="fenqu01">原创VIP专区</li>
				<li class="fenqu02">平面/广告</li>
				<li class="fenqu03">淘宝设计</li>
				<li class="fenqu04">室内设计</li>
				<li class="fenqu05">网页/UI设计</li>
				<li class="fenqu06">影视/媒体</li>
				<li class="fenqu07">服装设计</li>
			</div>
			<div class="fenqu2">
				<a href="#">
					<li>
						<div class="fenqu21"></div>
						<p>开发手册</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu22"></div>
						<p>UI图标库</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu23"></div>
						<p>淘宝工具</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu24"></div>
						<p>配色工具</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu25"></div>
						<p>网页工具</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu26"></div>
						<p>图标宝</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu27"></div>
						<p>画册宝</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu28"></div>
						<p>在线书法</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu29"></div>
						<p>电商培训</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu210"></div>
						<p>店铺装修代码</p>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="fenqu211"></div>
						<p>更多设计工具</p>
					</li>
				</a>
			</div>
			<div class="hotTimu">
				<h2>热门专题</h2>
				<div class="more">更多
					<div class="right-arrow"></div>
				</div>

			</div>

			<div class="hotTimu-content">

				<li>
					<img src="images/pic01.png" />

					<p class="title">喜庆元素</p>

				</li>
				<li>
					<img src="images/pic02.png" />

					<p class="title">喜庆元素</p>

				</li>
				<li>
					<img src="images/pic03.png" />

					<p class="title">喜庆元素</p>

				</li>
				<li>
					<img src="images/pic04.png" />

					<p class="title">喜庆元素</p>

				</li>
				<li>
					<img src="images/pic05.png" />

					<p class="title">喜庆元素</p>

				</li>

			</div>

			<div class="wrapper">
				<ul class="friend-title">
					<a href="#">友情链接</a>
					<a href="#">新素材</a>
					<a href="#">热门素材</a>
					<a href="#">热门ppt素材</a>
					<a href="#">热门淘宝素材</a>
					<a href="#">热门装饰素材</a>
					&#x3000;&#x3000;
					<span>热门专题</span>&#x3000;
					<span>搜索地图</span>
				</ul>

				<ul class="title-area">
					<li class="area01"><img src="images/w1.png" /> </li>
					<li class="area02">
						<img src="images/w2.png" />
					</li>
					<li class="area03">
						<img src="images/w3.png" />
					</li>
					<li class="area04">
						<img src="images/w4.png" />
					</li>
					<li class="area05">
						<img src="images/w5.png" />
					</li>
					<li class="area06">
						<img src="images/w6.png" />
					</li>
					<li class="area07">
						<img src="images/w7.png" />
					</li>

				</ul>
			</div>
			<div id="footer">
			<div id="foot-content"><div id="footer-left"><img src="images/footer1.png"/></div>
				<div id="footer-right"><img src="images/footer2.png"/></div></div>	
				
				
			</div>
		</main>
	</body>
	<script src='jquery-3.1.1.js'></script>

	<script src="index.js">
	</script>

</html>